<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=3202138" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b8;</span>
                <div class="name">选择终端</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">结算平台 -挂接</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b7;</span>
                <div class="name">结算平台-解绑</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b5;</span>
                <div class="name">结算平台-成功</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">结算品台-线损计算</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">结算平台—月补差电费</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">结算平台-未抄表</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">计算平台-余额管理</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">结算平台-购电信息</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">结算平台-新增</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">结算平台-分级2</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">结算平台-分级</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">结算平台-删除（选中</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">结算平台-编辑（选中）</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">结算平台-账单查询</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">结算平台-余额查询</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">结算平台-数据召测</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">结算平台-订单查询</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">结算平台-补加扣减</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">结算平台-跳闸</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">结算平台-设备总数</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">结算平台-召测</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">结算平台-合闸</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">结算平台-远程费控</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">结算平台-抄表任务</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">结算平台-计费档案维护</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">结算平台-保电管理</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">结算平台-水表</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">用户人数</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">结算平台-不加扣减</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">计算平台-体现管理</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">结算平台-采集设备</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">总收入</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">结算平台-终端监测</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">结算平台-用户维修</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">结算平台-冻结示数查询</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">结算平台-充值</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">结算平台-用户用能</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">提示</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">计算平台-发票管理</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">结算平台-采集维护</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">结算平台-线损管理</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">结算平台-换表</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">结算平台-报废</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">结算平台—月补差电费</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">结算平台-调价</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">结算平台-电价下发</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">结算品台-线损计算</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">结算平台-过户</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">结算平台-未抄表</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">结算平台-销户</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">计算平台-充值管理</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">计算平台-账单管理</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">结算平台-挂接</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">结算平台-电表</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b1;</span>
                <div class="name">结算平台-购电执行监测</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">结算平台-园区用能</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">结算平台-本地缴费</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">结算平台-立户</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">区域用电</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">单位用电</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">园区用能</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">峰谷分析</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">设备用电</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">退款</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">转账</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">提现管理</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">账单管理</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">余额管理</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">发票管理</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">充值管理</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">未处理</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">已处理</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">充电 (7)</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">充值</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">查看</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">weixin</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">xianxia</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">zhifubao</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">chongzhi</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">组 28589</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">优先工单数</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">已完成数</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">总工单数</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">未完成数</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">抢修工单数</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">普通工单数</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">工单管理</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">巡检工单数</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">用电</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">用水</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">全部</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">充值</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">光伏</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">单车充电</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">燃气</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">发票待处理</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">提现待处理</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">线下汇款</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">辅助设备</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">环境设备</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">监控设备</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">计量设备</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">充电设备</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">采集设备</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">氧气</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">压缩空气</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">烟煤1</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">冰铜炉冰铜</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">硫酸</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">粗铅</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b0;</span>
                <div class="name">硫酸</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">一次性水</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">软水</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">氮气</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">充值收益</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">充电收益</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">套餐收益</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">电梯</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">变压器</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">空调</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">挂接</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">香碳1</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">香碳</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">arrowup2</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">粗铅</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">硫酸</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">arrowup</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">煤气</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">电力</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">精铋</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">焦炭</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">镉饼</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">手动巡检2</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">一键巡检</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">上拉</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">巡检任务</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">视频伸缩</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">手动巡检</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">展开</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">巡检设置</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">制冷量</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">制热量</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">告警总数</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">电梯型号</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">额定载人量</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">额定载重量</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">额定速度</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">电梯品牌</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">额定功率</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">空调型号</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">空调能效比</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">空调品牌</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">冷却方式</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">额定容量</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">额定电压</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">短路阻抗</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">变压器型号</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">生产厂家</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">辅助设备2</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">监控设备2</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">充电设备2</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">计量设备2</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">采集设备2</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">环境设备2</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">批量处理</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">下</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">联合 77</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">Group 76</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">用电分析</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">导出</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">失败-错误</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">对视分析</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">时钟下发</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">路径 15878</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">新增</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">组 5496</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">组 29922</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">路径 16430</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">电表对时</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">终端对时</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1657604211164') format('woff2'),
       url('iconfont.woff?t=1657604211164') format('woff'),
       url('iconfont.ttf?t=1657604211164') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont qcon-xuanzezhongduan"></span>
            <div class="name">
              选择终端
            </div>
            <div class="code-name">.qcon-xuanzezhongduan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-a-jiesuanpingtai-guajie"></span>
            <div class="name">
              结算平台 -挂接
            </div>
            <div class="code-name">.qcon-a-jiesuanpingtai-guajie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-jiebang"></span>
            <div class="name">
              结算平台-解绑
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-jiebang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-chenggong"></span>
            <div class="name">
              结算平台-成功
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-chenggong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpintai-xiansunjisuan1"></span>
            <div class="name">
              结算品台-线损计算
            </div>
            <div class="code-name">.qcon-jiesuanpintai-xiansunjisuan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-a-jiesuanpingtaiyuebuchadianfei1"></span>
            <div class="name">
              结算平台—月补差电费
            </div>
            <div class="code-name">.qcon-a-jiesuanpingtaiyuebuchadianfei1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-weichaobiao1"></span>
            <div class="name">
              结算平台-未抄表
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-weichaobiao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jisuanpingtai-yueguanli"></span>
            <div class="name">
              计算平台-余额管理
            </div>
            <div class="code-name">.qcon-jisuanpingtai-yueguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-goudianxinxi"></span>
            <div class="name">
              结算平台-购电信息
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-goudianxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-xinzeng"></span>
            <div class="name">
              结算平台-新增
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-xinzeng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-fenji2"></span>
            <div class="name">
              结算平台-分级2
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-fenji2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-fenji"></span>
            <div class="name">
              结算平台-分级
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-fenji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-a-jiesuanpingtai-shanchuxuanzhong"></span>
            <div class="name">
              结算平台-删除（选中
            </div>
            <div class="code-name">.qcon-a-jiesuanpingtai-shanchuxuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-a-jiesuanpingtai-bianjixuanzhong"></span>
            <div class="name">
              结算平台-编辑（选中）
            </div>
            <div class="code-name">.qcon-a-jiesuanpingtai-bianjixuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-zhangdanchaxun"></span>
            <div class="name">
              结算平台-账单查询
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-zhangdanchaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-yuechaxun"></span>
            <div class="name">
              结算平台-余额查询
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-yuechaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-shujuzhaoce"></span>
            <div class="name">
              结算平台-数据召测
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-shujuzhaoce
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-dingdanchaxun"></span>
            <div class="name">
              结算平台-订单查询
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-dingdanchaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-bujiakoujian"></span>
            <div class="name">
              结算平台-补加扣减
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-bujiakoujian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-tiaozha"></span>
            <div class="name">
              结算平台-跳闸
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-tiaozha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-shebeizongshu"></span>
            <div class="name">
              结算平台-设备总数
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-shebeizongshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-zhaoce"></span>
            <div class="name">
              结算平台-召测
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-zhaoce
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-hezha"></span>
            <div class="name">
              结算平台-合闸
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-hezha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-yuanchengfeikong"></span>
            <div class="name">
              结算平台-远程费控
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-yuanchengfeikong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-chaobiaorenwu"></span>
            <div class="name">
              结算平台-抄表任务
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-chaobiaorenwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-jifeidanganweihu"></span>
            <div class="name">
              结算平台-计费档案维护
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-jifeidanganweihu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-baodianguanli"></span>
            <div class="name">
              结算平台-保电管理
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-baodianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-shuibiao"></span>
            <div class="name">
              结算平台-水表
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-shuibiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-yonghurenshu"></span>
            <div class="name">
              用户人数
            </div>
            <div class="code-name">.qcon-yonghurenshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-bujiakoujian1"></span>
            <div class="name">
              结算平台-不加扣减
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-bujiakoujian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jisuanpingtai-tixianguanli"></span>
            <div class="name">
              计算平台-体现管理
            </div>
            <div class="code-name">.qcon-jisuanpingtai-tixianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-caijishebei"></span>
            <div class="name">
              结算平台-采集设备
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-caijishebei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-zongshouru"></span>
            <div class="name">
              总收入
            </div>
            <div class="code-name">.qcon-zongshouru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-zhongduanjiance"></span>
            <div class="name">
              结算平台-终端监测
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-zhongduanjiance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-yonghuweixiu"></span>
            <div class="name">
              结算平台-用户维修
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-yonghuweixiu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-dongjieshishuchaxun"></span>
            <div class="name">
              结算平台-冻结示数查询
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-dongjieshishuchaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-chongzhi"></span>
            <div class="name">
              结算平台-充值
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-chongzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-yonghuyongneng"></span>
            <div class="name">
              结算平台-用户用能
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-yonghuyongneng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-tishi"></span>
            <div class="name">
              提示
            </div>
            <div class="code-name">.qcon-tishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jisuanpingtai-fapiaoguanli"></span>
            <div class="name">
              计算平台-发票管理
            </div>
            <div class="code-name">.qcon-jisuanpingtai-fapiaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-caijiweihu"></span>
            <div class="name">
              结算平台-采集维护
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-caijiweihu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-xiansunguanli"></span>
            <div class="name">
              结算平台-线损管理
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-xiansunguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-huanbiao"></span>
            <div class="name">
              结算平台-换表
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-huanbiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-baofei"></span>
            <div class="name">
              结算平台-报废
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-baofei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-a-jiesuanpingtaiyuebuchadianfei"></span>
            <div class="name">
              结算平台—月补差电费
            </div>
            <div class="code-name">.qcon-a-jiesuanpingtaiyuebuchadianfei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-tiaojia"></span>
            <div class="name">
              结算平台-调价
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-tiaojia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-dianjiaxiafa"></span>
            <div class="name">
              结算平台-电价下发
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-dianjiaxiafa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpintai-xiansunjisuan"></span>
            <div class="name">
              结算品台-线损计算
            </div>
            <div class="code-name">.qcon-jiesuanpintai-xiansunjisuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-guohu"></span>
            <div class="name">
              结算平台-过户
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-guohu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-weichaobiao"></span>
            <div class="name">
              结算平台-未抄表
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-weichaobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-xiaohu"></span>
            <div class="name">
              结算平台-销户
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-xiaohu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jisuanpingtai-chongzhiguanli"></span>
            <div class="name">
              计算平台-充值管理
            </div>
            <div class="code-name">.qcon-jisuanpingtai-chongzhiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jisuanpingtai-zhangdanguanli"></span>
            <div class="name">
              计算平台-账单管理
            </div>
            <div class="code-name">.qcon-jisuanpingtai-zhangdanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-guajie"></span>
            <div class="name">
              结算平台-挂接
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-guajie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-dianbiao"></span>
            <div class="name">
              结算平台-电表
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-dianbiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-goudianzhihangjiance"></span>
            <div class="name">
              结算平台-购电执行监测
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-goudianzhihangjiance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-yuanquyongneng"></span>
            <div class="name">
              结算平台-园区用能
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-yuanquyongneng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-bendijiaofei"></span>
            <div class="name">
              结算平台-本地缴费
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-bendijiaofei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiesuanpingtai-lihu"></span>
            <div class="name">
              结算平台-立户
            </div>
            <div class="code-name">.qcon-jiesuanpingtai-lihu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-quyuyongdian"></span>
            <div class="name">
              区域用电
            </div>
            <div class="code-name">.qcon-quyuyongdian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-danweiyongdian"></span>
            <div class="name">
              单位用电
            </div>
            <div class="code-name">.qcon-danweiyongdian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-yuanquyongneng"></span>
            <div class="name">
              园区用能
            </div>
            <div class="code-name">.qcon-yuanquyongneng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-fenggufenxi"></span>
            <div class="name">
              峰谷分析
            </div>
            <div class="code-name">.qcon-fenggufenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-shebeiyongdian"></span>
            <div class="name">
              设备用电
            </div>
            <div class="code-name">.qcon-shebeiyongdian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-tuikuan"></span>
            <div class="name">
              退款
            </div>
            <div class="code-name">.qcon-tuikuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-zhuanzhang"></span>
            <div class="name">
              转账
            </div>
            <div class="code-name">.qcon-zhuanzhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-tixianguanli"></span>
            <div class="name">
              提现管理
            </div>
            <div class="code-name">.qcon-tixianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-zhangdanguanli"></span>
            <div class="name">
              账单管理
            </div>
            <div class="code-name">.qcon-zhangdanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-yueguanli"></span>
            <div class="name">
              余额管理
            </div>
            <div class="code-name">.qcon-yueguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-fapiaoguanli"></span>
            <div class="name">
              发票管理
            </div>
            <div class="code-name">.qcon-fapiaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-chongzhiguanli"></span>
            <div class="name">
              充值管理
            </div>
            <div class="code-name">.qcon-chongzhiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-shouye1"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.qcon-shouye1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-weichuli1"></span>
            <div class="name">
              未处理
            </div>
            <div class="code-name">.qcon-weichuli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-yichuli1"></span>
            <div class="name">
              已处理
            </div>
            <div class="code-name">.qcon-yichuli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-a-chongdian7"></span>
            <div class="name">
              充电 (7)
            </div>
            <div class="code-name">.qcon-a-chongdian7
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-chongzhi1"></span>
            <div class="name">
              充值
            </div>
            <div class="code-name">.qcon-chongzhi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-chakan"></span>
            <div class="name">
              查看
            </div>
            <div class="code-name">.qcon-chakan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-weixin"></span>
            <div class="name">
              weixin
            </div>
            <div class="code-name">.qcon-weixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-xianxiahuikuan1"></span>
            <div class="name">
              xianxia
            </div>
            <div class="code-name">.qcon-xianxiahuikuan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-zhifubao"></span>
            <div class="name">
              zhifubao
            </div>
            <div class="code-name">.qcon-zhifubao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-chongzhi-2"></span>
            <div class="name">
              chongzhi
            </div>
            <div class="code-name">.qcon-chongzhi-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-a-zu28589"></span>
            <div class="name">
              组 28589
            </div>
            <div class="code-name">.qcon-a-zu28589
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-youxiangongdanshu"></span>
            <div class="name">
              优先工单数
            </div>
            <div class="code-name">.qcon-youxiangongdanshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-yiwanchengshu"></span>
            <div class="name">
              已完成数
            </div>
            <div class="code-name">.qcon-yiwanchengshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-zonggongdanshu"></span>
            <div class="name">
              总工单数
            </div>
            <div class="code-name">.qcon-zonggongdanshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-weiwanchengshu"></span>
            <div class="name">
              未完成数
            </div>
            <div class="code-name">.qcon-weiwanchengshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-qiangxiugongdanshu"></span>
            <div class="name">
              抢修工单数
            </div>
            <div class="code-name">.qcon-qiangxiugongdanshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-putonggongdanshu"></span>
            <div class="name">
              普通工单数
            </div>
            <div class="code-name">.qcon-putonggongdanshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-gongdanguanli"></span>
            <div class="name">
              工单管理
            </div>
            <div class="code-name">.qcon-gongdanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-xunjiangongdanshu"></span>
            <div class="name">
              巡检工单数
            </div>
            <div class="code-name">.qcon-xunjiangongdanshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-yongdian"></span>
            <div class="name">
              用电
            </div>
            <div class="code-name">.qcon-yongdian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-yongshui"></span>
            <div class="name">
              用水
            </div>
            <div class="code-name">.qcon-yongshui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-quanbu"></span>
            <div class="name">
              全部
            </div>
            <div class="code-name">.qcon-quanbu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-chongzhi"></span>
            <div class="name">
              充值
            </div>
            <div class="code-name">.qcon-chongzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-guangfu"></span>
            <div class="name">
              光伏
            </div>
            <div class="code-name">.qcon-guangfu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-danchechongdian"></span>
            <div class="name">
              单车充电
            </div>
            <div class="code-name">.qcon-danchechongdian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-ranqi"></span>
            <div class="name">
              燃气
            </div>
            <div class="code-name">.qcon-ranqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-fapiaodaichuli"></span>
            <div class="name">
              发票待处理
            </div>
            <div class="code-name">.qcon-fapiaodaichuli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-tixiandaichuli"></span>
            <div class="name">
              提现待处理
            </div>
            <div class="code-name">.qcon-tixiandaichuli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-xianxiahuikuan"></span>
            <div class="name">
              线下汇款
            </div>
            <div class="code-name">.qcon-xianxiahuikuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-fuzhushebei"></span>
            <div class="name">
              辅助设备
            </div>
            <div class="code-name">.qcon-fuzhushebei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-huanjingshebei"></span>
            <div class="name">
              环境设备
            </div>
            <div class="code-name">.qcon-huanjingshebei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiankongshebei"></span>
            <div class="name">
              监控设备
            </div>
            <div class="code-name">.qcon-jiankongshebei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiliangshebei"></span>
            <div class="name">
              计量设备
            </div>
            <div class="code-name">.qcon-jiliangshebei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-chongdianshebei"></span>
            <div class="name">
              充电设备
            </div>
            <div class="code-name">.qcon-chongdianshebei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-caijishebei"></span>
            <div class="name">
              采集设备
            </div>
            <div class="code-name">.qcon-caijishebei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-yangqi1"></span>
            <div class="name">
              氧气
            </div>
            <div class="code-name">.qcon-yangqi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-yasuokongqi1"></span>
            <div class="name">
              压缩空气
            </div>
            <div class="code-name">.qcon-yasuokongqi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-yanmei"></span>
            <div class="name">
              烟煤1
            </div>
            <div class="code-name">.qcon-yanmei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-bingtonglubingtong1"></span>
            <div class="name">
              冰铜炉冰铜
            </div>
            <div class="code-name">.qcon-bingtonglubingtong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-liusuan1"></span>
            <div class="name">
              硫酸
            </div>
            <div class="code-name">.qcon-liusuan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-cuqian1"></span>
            <div class="name">
              粗铅
            </div>
            <div class="code-name">.qcon-cuqian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-liusuan1-copy"></span>
            <div class="name">
              硫酸
            </div>
            <div class="code-name">.qcon-liusuan1-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-yicixingshui"></span>
            <div class="name">
              一次性水
            </div>
            <div class="code-name">.qcon-yicixingshui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-ruanshui"></span>
            <div class="name">
              软水
            </div>
            <div class="code-name">.qcon-ruanshui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-danqi1"></span>
            <div class="name">
              氮气
            </div>
            <div class="code-name">.qcon-danqi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-chongzhishouyi"></span>
            <div class="name">
              充值收益
            </div>
            <div class="code-name">.qcon-chongzhishouyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-chongdianshouyi"></span>
            <div class="name">
              充电收益
            </div>
            <div class="code-name">.qcon-chongdianshouyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-taocanshouyi"></span>
            <div class="name">
              套餐收益
            </div>
            <div class="code-name">.qcon-taocanshouyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-a-zu30432"></span>
            <div class="name">
              电梯
            </div>
            <div class="code-name">.qcon-a-zu30432
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-a-lujing17856"></span>
            <div class="name">
              变压器
            </div>
            <div class="code-name">.qcon-a-lujing17856
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-a-lujing17857"></span>
            <div class="name">
              空调
            </div>
            <div class="code-name">.qcon-a-lujing17857
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-setting"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.qcon-setting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-a-zu27018"></span>
            <div class="name">
              挂接
            </div>
            <div class="code-name">.qcon-a-zu27018
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-xiangtan1"></span>
            <div class="name">
              香碳1
            </div>
            <div class="code-name">.qcon-xiangtan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-xiangtan"></span>
            <div class="name">
              香碳
            </div>
            <div class="code-name">.qcon-xiangtan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-arrowup2"></span>
            <div class="name">
              arrowup2
            </div>
            <div class="code-name">.qcon-arrowup2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-cuqian"></span>
            <div class="name">
              粗铅
            </div>
            <div class="code-name">.qcon-cuqian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-liusuan"></span>
            <div class="name">
              硫酸
            </div>
            <div class="code-name">.qcon-liusuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-arrowup"></span>
            <div class="name">
              arrowup
            </div>
            <div class="code-name">.qcon-arrowup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-meiqi"></span>
            <div class="name">
              煤气
            </div>
            <div class="code-name">.qcon-meiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-dianli"></span>
            <div class="name">
              电力
            </div>
            <div class="code-name">.qcon-dianli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jingbi"></span>
            <div class="name">
              精铋
            </div>
            <div class="code-name">.qcon-jingbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiaotan"></span>
            <div class="name">
              焦炭
            </div>
            <div class="code-name">.qcon-jiaotan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-gebing"></span>
            <div class="name">
              镉饼
            </div>
            <div class="code-name">.qcon-gebing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-shoudongxunjian2"></span>
            <div class="name">
              手动巡检2
            </div>
            <div class="code-name">.qcon-shoudongxunjian2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-yijianxunjian"></span>
            <div class="name">
              一键巡检
            </div>
            <div class="code-name">.qcon-yijianxunjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-shangla"></span>
            <div class="name">
              上拉
            </div>
            <div class="code-name">.qcon-shangla
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-xunjianrenwu"></span>
            <div class="name">
              巡检任务
            </div>
            <div class="code-name">.qcon-xunjianrenwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-shijian"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.qcon-shijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-shipinshensuo"></span>
            <div class="name">
              视频伸缩
            </div>
            <div class="code-name">.qcon-shipinshensuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-shoudongxunjian"></span>
            <div class="name">
              手动巡检
            </div>
            <div class="code-name">.qcon-shoudongxunjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-zhankai"></span>
            <div class="name">
              展开
            </div>
            <div class="code-name">.qcon-zhankai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-xunjianshezhi"></span>
            <div class="name">
              巡检设置
            </div>
            <div class="code-name">.qcon-xunjianshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-zhilengliang"></span>
            <div class="name">
              制冷量
            </div>
            <div class="code-name">.qcon-zhilengliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-zhireliang"></span>
            <div class="name">
              制热量
            </div>
            <div class="code-name">.qcon-zhireliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-gaojingzongshu"></span>
            <div class="name">
              告警总数
            </div>
            <div class="code-name">.qcon-gaojingzongshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-diantixinghao"></span>
            <div class="name">
              电梯型号
            </div>
            <div class="code-name">.qcon-diantixinghao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-edingzairenliang"></span>
            <div class="name">
              额定载人量
            </div>
            <div class="code-name">.qcon-edingzairenliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-edingzaizhongliang"></span>
            <div class="name">
              额定载重量
            </div>
            <div class="code-name">.qcon-edingzaizhongliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-edingsudu"></span>
            <div class="name">
              额定速度
            </div>
            <div class="code-name">.qcon-edingsudu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-diantipinpai"></span>
            <div class="name">
              电梯品牌
            </div>
            <div class="code-name">.qcon-diantipinpai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-edinggongshuai"></span>
            <div class="name">
              额定功率
            </div>
            <div class="code-name">.qcon-edinggongshuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-kongtiaoxinghao"></span>
            <div class="name">
              空调型号
            </div>
            <div class="code-name">.qcon-kongtiaoxinghao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-kongtiaonengxiaobi"></span>
            <div class="name">
              空调能效比
            </div>
            <div class="code-name">.qcon-kongtiaonengxiaobi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-kongtiaopinpai"></span>
            <div class="name">
              空调品牌
            </div>
            <div class="code-name">.qcon-kongtiaopinpai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-lengquefangshi"></span>
            <div class="name">
              冷却方式
            </div>
            <div class="code-name">.qcon-lengquefangshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-edingrongliang"></span>
            <div class="name">
              额定容量
            </div>
            <div class="code-name">.qcon-edingrongliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-edingdianya"></span>
            <div class="name">
              额定电压
            </div>
            <div class="code-name">.qcon-edingdianya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-duanluzukang"></span>
            <div class="name">
              短路阻抗
            </div>
            <div class="code-name">.qcon-duanluzukang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-bianyaqixinghao"></span>
            <div class="name">
              变压器型号
            </div>
            <div class="code-name">.qcon-bianyaqixinghao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-shengchanchangjia"></span>
            <div class="name">
              生产厂家
            </div>
            <div class="code-name">.qcon-shengchanchangjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-fuzhushebei2"></span>
            <div class="name">
              辅助设备2
            </div>
            <div class="code-name">.qcon-fuzhushebei2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiankongshebei2"></span>
            <div class="name">
              监控设备2
            </div>
            <div class="code-name">.qcon-jiankongshebei2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-chongdianshebei2"></span>
            <div class="name">
              充电设备2
            </div>
            <div class="code-name">.qcon-chongdianshebei2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-jiliangshebei2"></span>
            <div class="name">
              计量设备2
            </div>
            <div class="code-name">.qcon-jiliangshebei2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-caijishebei2"></span>
            <div class="name">
              采集设备2
            </div>
            <div class="code-name">.qcon-caijishebei2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-huanjingshebei2"></span>
            <div class="name">
              环境设备2
            </div>
            <div class="code-name">.qcon-huanjingshebei2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-piliangchuli"></span>
            <div class="name">
              批量处理
            </div>
            <div class="code-name">.qcon-piliangchuli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-down"></span>
            <div class="name">
              下
            </div>
            <div class="code-name">.qcon-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-up"></span>
            <div class="name">
              联合 77
            </div>
            <div class="code-name">.qcon-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-arrow"></span>
            <div class="name">
              Group 76
            </div>
            <div class="code-name">.qcon-arrow
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-yongdianfenxi"></span>
            <div class="name">
              用电分析
            </div>
            <div class="code-name">.qcon-yongdianfenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-shouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.qcon-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-daochu"></span>
            <div class="name">
              导出
            </div>
            <div class="code-name">.qcon-daochu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-error"></span>
            <div class="name">
              失败-错误
            </div>
            <div class="code-name">.qcon-error
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-duishifenxi"></span>
            <div class="name">
              对视分析
            </div>
            <div class="code-name">.qcon-duishifenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-shizhongxiafa"></span>
            <div class="name">
              时钟下发
            </div>
            <div class="code-name">.qcon-shizhongxiafa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-search"></span>
            <div class="name">
              路径 15878
            </div>
            <div class="code-name">.qcon-search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-xinzeng"></span>
            <div class="name">
              新增
            </div>
            <div class="code-name">.qcon-xinzeng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-calendar"></span>
            <div class="name">
              组 5496
            </div>
            <div class="code-name">.qcon-calendar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-focus"></span>
            <div class="name">
              组 29922
            </div>
            <div class="code-name">.qcon-focus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-date"></span>
            <div class="name">
              路径 16430
            </div>
            <div class="code-name">.qcon-date
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-dianbiaoduishi"></span>
            <div class="name">
              电表对时
            </div>
            <div class="code-name">.qcon-dianbiaoduishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont qcon-zhongduanduishi1"></span>
            <div class="name">
              终端对时
            </div>
            <div class="code-name">.qcon-zhongduanduishi1
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont qcon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-xuanzezhongduan"></use>
                </svg>
                <div class="name">选择终端</div>
                <div class="code-name">#qcon-xuanzezhongduan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-a-jiesuanpingtai-guajie"></use>
                </svg>
                <div class="name">结算平台 -挂接</div>
                <div class="code-name">#qcon-a-jiesuanpingtai-guajie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-jiebang"></use>
                </svg>
                <div class="name">结算平台-解绑</div>
                <div class="code-name">#qcon-jiesuanpingtai-jiebang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-chenggong"></use>
                </svg>
                <div class="name">结算平台-成功</div>
                <div class="code-name">#qcon-jiesuanpingtai-chenggong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpintai-xiansunjisuan1"></use>
                </svg>
                <div class="name">结算品台-线损计算</div>
                <div class="code-name">#qcon-jiesuanpintai-xiansunjisuan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-a-jiesuanpingtaiyuebuchadianfei1"></use>
                </svg>
                <div class="name">结算平台—月补差电费</div>
                <div class="code-name">#qcon-a-jiesuanpingtaiyuebuchadianfei1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-weichaobiao1"></use>
                </svg>
                <div class="name">结算平台-未抄表</div>
                <div class="code-name">#qcon-jiesuanpingtai-weichaobiao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jisuanpingtai-yueguanli"></use>
                </svg>
                <div class="name">计算平台-余额管理</div>
                <div class="code-name">#qcon-jisuanpingtai-yueguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-goudianxinxi"></use>
                </svg>
                <div class="name">结算平台-购电信息</div>
                <div class="code-name">#qcon-jiesuanpingtai-goudianxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-xinzeng"></use>
                </svg>
                <div class="name">结算平台-新增</div>
                <div class="code-name">#qcon-jiesuanpingtai-xinzeng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-fenji2"></use>
                </svg>
                <div class="name">结算平台-分级2</div>
                <div class="code-name">#qcon-jiesuanpingtai-fenji2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-fenji"></use>
                </svg>
                <div class="name">结算平台-分级</div>
                <div class="code-name">#qcon-jiesuanpingtai-fenji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-a-jiesuanpingtai-shanchuxuanzhong"></use>
                </svg>
                <div class="name">结算平台-删除（选中</div>
                <div class="code-name">#qcon-a-jiesuanpingtai-shanchuxuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-a-jiesuanpingtai-bianjixuanzhong"></use>
                </svg>
                <div class="name">结算平台-编辑（选中）</div>
                <div class="code-name">#qcon-a-jiesuanpingtai-bianjixuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-zhangdanchaxun"></use>
                </svg>
                <div class="name">结算平台-账单查询</div>
                <div class="code-name">#qcon-jiesuanpingtai-zhangdanchaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-yuechaxun"></use>
                </svg>
                <div class="name">结算平台-余额查询</div>
                <div class="code-name">#qcon-jiesuanpingtai-yuechaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-shujuzhaoce"></use>
                </svg>
                <div class="name">结算平台-数据召测</div>
                <div class="code-name">#qcon-jiesuanpingtai-shujuzhaoce</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-dingdanchaxun"></use>
                </svg>
                <div class="name">结算平台-订单查询</div>
                <div class="code-name">#qcon-jiesuanpingtai-dingdanchaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-bujiakoujian"></use>
                </svg>
                <div class="name">结算平台-补加扣减</div>
                <div class="code-name">#qcon-jiesuanpingtai-bujiakoujian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-tiaozha"></use>
                </svg>
                <div class="name">结算平台-跳闸</div>
                <div class="code-name">#qcon-jiesuanpingtai-tiaozha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-shebeizongshu"></use>
                </svg>
                <div class="name">结算平台-设备总数</div>
                <div class="code-name">#qcon-jiesuanpingtai-shebeizongshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-zhaoce"></use>
                </svg>
                <div class="name">结算平台-召测</div>
                <div class="code-name">#qcon-jiesuanpingtai-zhaoce</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-hezha"></use>
                </svg>
                <div class="name">结算平台-合闸</div>
                <div class="code-name">#qcon-jiesuanpingtai-hezha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-yuanchengfeikong"></use>
                </svg>
                <div class="name">结算平台-远程费控</div>
                <div class="code-name">#qcon-jiesuanpingtai-yuanchengfeikong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-chaobiaorenwu"></use>
                </svg>
                <div class="name">结算平台-抄表任务</div>
                <div class="code-name">#qcon-jiesuanpingtai-chaobiaorenwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-jifeidanganweihu"></use>
                </svg>
                <div class="name">结算平台-计费档案维护</div>
                <div class="code-name">#qcon-jiesuanpingtai-jifeidanganweihu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-baodianguanli"></use>
                </svg>
                <div class="name">结算平台-保电管理</div>
                <div class="code-name">#qcon-jiesuanpingtai-baodianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-shuibiao"></use>
                </svg>
                <div class="name">结算平台-水表</div>
                <div class="code-name">#qcon-jiesuanpingtai-shuibiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-yonghurenshu"></use>
                </svg>
                <div class="name">用户人数</div>
                <div class="code-name">#qcon-yonghurenshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-bujiakoujian1"></use>
                </svg>
                <div class="name">结算平台-不加扣减</div>
                <div class="code-name">#qcon-jiesuanpingtai-bujiakoujian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jisuanpingtai-tixianguanli"></use>
                </svg>
                <div class="name">计算平台-体现管理</div>
                <div class="code-name">#qcon-jisuanpingtai-tixianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-caijishebei"></use>
                </svg>
                <div class="name">结算平台-采集设备</div>
                <div class="code-name">#qcon-jiesuanpingtai-caijishebei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-zongshouru"></use>
                </svg>
                <div class="name">总收入</div>
                <div class="code-name">#qcon-zongshouru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-zhongduanjiance"></use>
                </svg>
                <div class="name">结算平台-终端监测</div>
                <div class="code-name">#qcon-jiesuanpingtai-zhongduanjiance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-yonghuweixiu"></use>
                </svg>
                <div class="name">结算平台-用户维修</div>
                <div class="code-name">#qcon-jiesuanpingtai-yonghuweixiu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-dongjieshishuchaxun"></use>
                </svg>
                <div class="name">结算平台-冻结示数查询</div>
                <div class="code-name">#qcon-jiesuanpingtai-dongjieshishuchaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-chongzhi"></use>
                </svg>
                <div class="name">结算平台-充值</div>
                <div class="code-name">#qcon-jiesuanpingtai-chongzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-yonghuyongneng"></use>
                </svg>
                <div class="name">结算平台-用户用能</div>
                <div class="code-name">#qcon-jiesuanpingtai-yonghuyongneng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-tishi"></use>
                </svg>
                <div class="name">提示</div>
                <div class="code-name">#qcon-tishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jisuanpingtai-fapiaoguanli"></use>
                </svg>
                <div class="name">计算平台-发票管理</div>
                <div class="code-name">#qcon-jisuanpingtai-fapiaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-caijiweihu"></use>
                </svg>
                <div class="name">结算平台-采集维护</div>
                <div class="code-name">#qcon-jiesuanpingtai-caijiweihu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-xiansunguanli"></use>
                </svg>
                <div class="name">结算平台-线损管理</div>
                <div class="code-name">#qcon-jiesuanpingtai-xiansunguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-huanbiao"></use>
                </svg>
                <div class="name">结算平台-换表</div>
                <div class="code-name">#qcon-jiesuanpingtai-huanbiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-baofei"></use>
                </svg>
                <div class="name">结算平台-报废</div>
                <div class="code-name">#qcon-jiesuanpingtai-baofei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-a-jiesuanpingtaiyuebuchadianfei"></use>
                </svg>
                <div class="name">结算平台—月补差电费</div>
                <div class="code-name">#qcon-a-jiesuanpingtaiyuebuchadianfei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-tiaojia"></use>
                </svg>
                <div class="name">结算平台-调价</div>
                <div class="code-name">#qcon-jiesuanpingtai-tiaojia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-dianjiaxiafa"></use>
                </svg>
                <div class="name">结算平台-电价下发</div>
                <div class="code-name">#qcon-jiesuanpingtai-dianjiaxiafa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpintai-xiansunjisuan"></use>
                </svg>
                <div class="name">结算品台-线损计算</div>
                <div class="code-name">#qcon-jiesuanpintai-xiansunjisuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-guohu"></use>
                </svg>
                <div class="name">结算平台-过户</div>
                <div class="code-name">#qcon-jiesuanpingtai-guohu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-weichaobiao"></use>
                </svg>
                <div class="name">结算平台-未抄表</div>
                <div class="code-name">#qcon-jiesuanpingtai-weichaobiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-xiaohu"></use>
                </svg>
                <div class="name">结算平台-销户</div>
                <div class="code-name">#qcon-jiesuanpingtai-xiaohu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jisuanpingtai-chongzhiguanli"></use>
                </svg>
                <div class="name">计算平台-充值管理</div>
                <div class="code-name">#qcon-jisuanpingtai-chongzhiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jisuanpingtai-zhangdanguanli"></use>
                </svg>
                <div class="name">计算平台-账单管理</div>
                <div class="code-name">#qcon-jisuanpingtai-zhangdanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-guajie"></use>
                </svg>
                <div class="name">结算平台-挂接</div>
                <div class="code-name">#qcon-jiesuanpingtai-guajie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-dianbiao"></use>
                </svg>
                <div class="name">结算平台-电表</div>
                <div class="code-name">#qcon-jiesuanpingtai-dianbiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-goudianzhihangjiance"></use>
                </svg>
                <div class="name">结算平台-购电执行监测</div>
                <div class="code-name">#qcon-jiesuanpingtai-goudianzhihangjiance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-yuanquyongneng"></use>
                </svg>
                <div class="name">结算平台-园区用能</div>
                <div class="code-name">#qcon-jiesuanpingtai-yuanquyongneng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-bendijiaofei"></use>
                </svg>
                <div class="name">结算平台-本地缴费</div>
                <div class="code-name">#qcon-jiesuanpingtai-bendijiaofei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiesuanpingtai-lihu"></use>
                </svg>
                <div class="name">结算平台-立户</div>
                <div class="code-name">#qcon-jiesuanpingtai-lihu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-quyuyongdian"></use>
                </svg>
                <div class="name">区域用电</div>
                <div class="code-name">#qcon-quyuyongdian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-danweiyongdian"></use>
                </svg>
                <div class="name">单位用电</div>
                <div class="code-name">#qcon-danweiyongdian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-yuanquyongneng"></use>
                </svg>
                <div class="name">园区用能</div>
                <div class="code-name">#qcon-yuanquyongneng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-fenggufenxi"></use>
                </svg>
                <div class="name">峰谷分析</div>
                <div class="code-name">#qcon-fenggufenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-shebeiyongdian"></use>
                </svg>
                <div class="name">设备用电</div>
                <div class="code-name">#qcon-shebeiyongdian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-tuikuan"></use>
                </svg>
                <div class="name">退款</div>
                <div class="code-name">#qcon-tuikuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-zhuanzhang"></use>
                </svg>
                <div class="name">转账</div>
                <div class="code-name">#qcon-zhuanzhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-tixianguanli"></use>
                </svg>
                <div class="name">提现管理</div>
                <div class="code-name">#qcon-tixianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-zhangdanguanli"></use>
                </svg>
                <div class="name">账单管理</div>
                <div class="code-name">#qcon-zhangdanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-yueguanli"></use>
                </svg>
                <div class="name">余额管理</div>
                <div class="code-name">#qcon-yueguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-fapiaoguanli"></use>
                </svg>
                <div class="name">发票管理</div>
                <div class="code-name">#qcon-fapiaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-chongzhiguanli"></use>
                </svg>
                <div class="name">充值管理</div>
                <div class="code-name">#qcon-chongzhiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-shouye1"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#qcon-shouye1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-weichuli1"></use>
                </svg>
                <div class="name">未处理</div>
                <div class="code-name">#qcon-weichuli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-yichuli1"></use>
                </svg>
                <div class="name">已处理</div>
                <div class="code-name">#qcon-yichuli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-a-chongdian7"></use>
                </svg>
                <div class="name">充电 (7)</div>
                <div class="code-name">#qcon-a-chongdian7</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-chongzhi1"></use>
                </svg>
                <div class="name">充值</div>
                <div class="code-name">#qcon-chongzhi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-chakan"></use>
                </svg>
                <div class="name">查看</div>
                <div class="code-name">#qcon-chakan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-weixin"></use>
                </svg>
                <div class="name">weixin</div>
                <div class="code-name">#qcon-weixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-xianxiahuikuan1"></use>
                </svg>
                <div class="name">xianxia</div>
                <div class="code-name">#qcon-xianxiahuikuan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-zhifubao"></use>
                </svg>
                <div class="name">zhifubao</div>
                <div class="code-name">#qcon-zhifubao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-chongzhi-2"></use>
                </svg>
                <div class="name">chongzhi</div>
                <div class="code-name">#qcon-chongzhi-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-a-zu28589"></use>
                </svg>
                <div class="name">组 28589</div>
                <div class="code-name">#qcon-a-zu28589</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-youxiangongdanshu"></use>
                </svg>
                <div class="name">优先工单数</div>
                <div class="code-name">#qcon-youxiangongdanshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-yiwanchengshu"></use>
                </svg>
                <div class="name">已完成数</div>
                <div class="code-name">#qcon-yiwanchengshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-zonggongdanshu"></use>
                </svg>
                <div class="name">总工单数</div>
                <div class="code-name">#qcon-zonggongdanshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-weiwanchengshu"></use>
                </svg>
                <div class="name">未完成数</div>
                <div class="code-name">#qcon-weiwanchengshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-qiangxiugongdanshu"></use>
                </svg>
                <div class="name">抢修工单数</div>
                <div class="code-name">#qcon-qiangxiugongdanshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-putonggongdanshu"></use>
                </svg>
                <div class="name">普通工单数</div>
                <div class="code-name">#qcon-putonggongdanshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-gongdanguanli"></use>
                </svg>
                <div class="name">工单管理</div>
                <div class="code-name">#qcon-gongdanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-xunjiangongdanshu"></use>
                </svg>
                <div class="name">巡检工单数</div>
                <div class="code-name">#qcon-xunjiangongdanshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-yongdian"></use>
                </svg>
                <div class="name">用电</div>
                <div class="code-name">#qcon-yongdian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-yongshui"></use>
                </svg>
                <div class="name">用水</div>
                <div class="code-name">#qcon-yongshui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-quanbu"></use>
                </svg>
                <div class="name">全部</div>
                <div class="code-name">#qcon-quanbu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-chongzhi"></use>
                </svg>
                <div class="name">充值</div>
                <div class="code-name">#qcon-chongzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-guangfu"></use>
                </svg>
                <div class="name">光伏</div>
                <div class="code-name">#qcon-guangfu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-danchechongdian"></use>
                </svg>
                <div class="name">单车充电</div>
                <div class="code-name">#qcon-danchechongdian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-ranqi"></use>
                </svg>
                <div class="name">燃气</div>
                <div class="code-name">#qcon-ranqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-fapiaodaichuli"></use>
                </svg>
                <div class="name">发票待处理</div>
                <div class="code-name">#qcon-fapiaodaichuli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-tixiandaichuli"></use>
                </svg>
                <div class="name">提现待处理</div>
                <div class="code-name">#qcon-tixiandaichuli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-xianxiahuikuan"></use>
                </svg>
                <div class="name">线下汇款</div>
                <div class="code-name">#qcon-xianxiahuikuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-fuzhushebei"></use>
                </svg>
                <div class="name">辅助设备</div>
                <div class="code-name">#qcon-fuzhushebei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-huanjingshebei"></use>
                </svg>
                <div class="name">环境设备</div>
                <div class="code-name">#qcon-huanjingshebei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiankongshebei"></use>
                </svg>
                <div class="name">监控设备</div>
                <div class="code-name">#qcon-jiankongshebei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiliangshebei"></use>
                </svg>
                <div class="name">计量设备</div>
                <div class="code-name">#qcon-jiliangshebei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-chongdianshebei"></use>
                </svg>
                <div class="name">充电设备</div>
                <div class="code-name">#qcon-chongdianshebei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-caijishebei"></use>
                </svg>
                <div class="name">采集设备</div>
                <div class="code-name">#qcon-caijishebei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-yangqi1"></use>
                </svg>
                <div class="name">氧气</div>
                <div class="code-name">#qcon-yangqi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-yasuokongqi1"></use>
                </svg>
                <div class="name">压缩空气</div>
                <div class="code-name">#qcon-yasuokongqi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-yanmei"></use>
                </svg>
                <div class="name">烟煤1</div>
                <div class="code-name">#qcon-yanmei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-bingtonglubingtong1"></use>
                </svg>
                <div class="name">冰铜炉冰铜</div>
                <div class="code-name">#qcon-bingtonglubingtong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-liusuan1"></use>
                </svg>
                <div class="name">硫酸</div>
                <div class="code-name">#qcon-liusuan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-cuqian1"></use>
                </svg>
                <div class="name">粗铅</div>
                <div class="code-name">#qcon-cuqian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-liusuan1-copy"></use>
                </svg>
                <div class="name">硫酸</div>
                <div class="code-name">#qcon-liusuan1-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-yicixingshui"></use>
                </svg>
                <div class="name">一次性水</div>
                <div class="code-name">#qcon-yicixingshui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-ruanshui"></use>
                </svg>
                <div class="name">软水</div>
                <div class="code-name">#qcon-ruanshui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-danqi1"></use>
                </svg>
                <div class="name">氮气</div>
                <div class="code-name">#qcon-danqi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-chongzhishouyi"></use>
                </svg>
                <div class="name">充值收益</div>
                <div class="code-name">#qcon-chongzhishouyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-chongdianshouyi"></use>
                </svg>
                <div class="name">充电收益</div>
                <div class="code-name">#qcon-chongdianshouyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-taocanshouyi"></use>
                </svg>
                <div class="name">套餐收益</div>
                <div class="code-name">#qcon-taocanshouyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-a-zu30432"></use>
                </svg>
                <div class="name">电梯</div>
                <div class="code-name">#qcon-a-zu30432</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-a-lujing17856"></use>
                </svg>
                <div class="name">变压器</div>
                <div class="code-name">#qcon-a-lujing17856</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-a-lujing17857"></use>
                </svg>
                <div class="name">空调</div>
                <div class="code-name">#qcon-a-lujing17857</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-setting"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#qcon-setting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-a-zu27018"></use>
                </svg>
                <div class="name">挂接</div>
                <div class="code-name">#qcon-a-zu27018</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-xiangtan1"></use>
                </svg>
                <div class="name">香碳1</div>
                <div class="code-name">#qcon-xiangtan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-xiangtan"></use>
                </svg>
                <div class="name">香碳</div>
                <div class="code-name">#qcon-xiangtan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-arrowup2"></use>
                </svg>
                <div class="name">arrowup2</div>
                <div class="code-name">#qcon-arrowup2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-cuqian"></use>
                </svg>
                <div class="name">粗铅</div>
                <div class="code-name">#qcon-cuqian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-liusuan"></use>
                </svg>
                <div class="name">硫酸</div>
                <div class="code-name">#qcon-liusuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-arrowup"></use>
                </svg>
                <div class="name">arrowup</div>
                <div class="code-name">#qcon-arrowup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-meiqi"></use>
                </svg>
                <div class="name">煤气</div>
                <div class="code-name">#qcon-meiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-dianli"></use>
                </svg>
                <div class="name">电力</div>
                <div class="code-name">#qcon-dianli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jingbi"></use>
                </svg>
                <div class="name">精铋</div>
                <div class="code-name">#qcon-jingbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiaotan"></use>
                </svg>
                <div class="name">焦炭</div>
                <div class="code-name">#qcon-jiaotan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-gebing"></use>
                </svg>
                <div class="name">镉饼</div>
                <div class="code-name">#qcon-gebing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-shoudongxunjian2"></use>
                </svg>
                <div class="name">手动巡检2</div>
                <div class="code-name">#qcon-shoudongxunjian2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-yijianxunjian"></use>
                </svg>
                <div class="name">一键巡检</div>
                <div class="code-name">#qcon-yijianxunjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-shangla"></use>
                </svg>
                <div class="name">上拉</div>
                <div class="code-name">#qcon-shangla</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-xunjianrenwu"></use>
                </svg>
                <div class="name">巡检任务</div>
                <div class="code-name">#qcon-xunjianrenwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-shijian"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#qcon-shijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-shipinshensuo"></use>
                </svg>
                <div class="name">视频伸缩</div>
                <div class="code-name">#qcon-shipinshensuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-shoudongxunjian"></use>
                </svg>
                <div class="name">手动巡检</div>
                <div class="code-name">#qcon-shoudongxunjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-zhankai"></use>
                </svg>
                <div class="name">展开</div>
                <div class="code-name">#qcon-zhankai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-xunjianshezhi"></use>
                </svg>
                <div class="name">巡检设置</div>
                <div class="code-name">#qcon-xunjianshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-zhilengliang"></use>
                </svg>
                <div class="name">制冷量</div>
                <div class="code-name">#qcon-zhilengliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-zhireliang"></use>
                </svg>
                <div class="name">制热量</div>
                <div class="code-name">#qcon-zhireliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-gaojingzongshu"></use>
                </svg>
                <div class="name">告警总数</div>
                <div class="code-name">#qcon-gaojingzongshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-diantixinghao"></use>
                </svg>
                <div class="name">电梯型号</div>
                <div class="code-name">#qcon-diantixinghao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-edingzairenliang"></use>
                </svg>
                <div class="name">额定载人量</div>
                <div class="code-name">#qcon-edingzairenliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-edingzaizhongliang"></use>
                </svg>
                <div class="name">额定载重量</div>
                <div class="code-name">#qcon-edingzaizhongliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-edingsudu"></use>
                </svg>
                <div class="name">额定速度</div>
                <div class="code-name">#qcon-edingsudu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-diantipinpai"></use>
                </svg>
                <div class="name">电梯品牌</div>
                <div class="code-name">#qcon-diantipinpai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-edinggongshuai"></use>
                </svg>
                <div class="name">额定功率</div>
                <div class="code-name">#qcon-edinggongshuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-kongtiaoxinghao"></use>
                </svg>
                <div class="name">空调型号</div>
                <div class="code-name">#qcon-kongtiaoxinghao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-kongtiaonengxiaobi"></use>
                </svg>
                <div class="name">空调能效比</div>
                <div class="code-name">#qcon-kongtiaonengxiaobi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-kongtiaopinpai"></use>
                </svg>
                <div class="name">空调品牌</div>
                <div class="code-name">#qcon-kongtiaopinpai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-lengquefangshi"></use>
                </svg>
                <div class="name">冷却方式</div>
                <div class="code-name">#qcon-lengquefangshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-edingrongliang"></use>
                </svg>
                <div class="name">额定容量</div>
                <div class="code-name">#qcon-edingrongliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-edingdianya"></use>
                </svg>
                <div class="name">额定电压</div>
                <div class="code-name">#qcon-edingdianya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-duanluzukang"></use>
                </svg>
                <div class="name">短路阻抗</div>
                <div class="code-name">#qcon-duanluzukang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-bianyaqixinghao"></use>
                </svg>
                <div class="name">变压器型号</div>
                <div class="code-name">#qcon-bianyaqixinghao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-shengchanchangjia"></use>
                </svg>
                <div class="name">生产厂家</div>
                <div class="code-name">#qcon-shengchanchangjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-fuzhushebei2"></use>
                </svg>
                <div class="name">辅助设备2</div>
                <div class="code-name">#qcon-fuzhushebei2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiankongshebei2"></use>
                </svg>
                <div class="name">监控设备2</div>
                <div class="code-name">#qcon-jiankongshebei2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-chongdianshebei2"></use>
                </svg>
                <div class="name">充电设备2</div>
                <div class="code-name">#qcon-chongdianshebei2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-jiliangshebei2"></use>
                </svg>
                <div class="name">计量设备2</div>
                <div class="code-name">#qcon-jiliangshebei2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-caijishebei2"></use>
                </svg>
                <div class="name">采集设备2</div>
                <div class="code-name">#qcon-caijishebei2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-huanjingshebei2"></use>
                </svg>
                <div class="name">环境设备2</div>
                <div class="code-name">#qcon-huanjingshebei2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-piliangchuli"></use>
                </svg>
                <div class="name">批量处理</div>
                <div class="code-name">#qcon-piliangchuli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-down"></use>
                </svg>
                <div class="name">下</div>
                <div class="code-name">#qcon-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-up"></use>
                </svg>
                <div class="name">联合 77</div>
                <div class="code-name">#qcon-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-arrow"></use>
                </svg>
                <div class="name">Group 76</div>
                <div class="code-name">#qcon-arrow</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-yongdianfenxi"></use>
                </svg>
                <div class="name">用电分析</div>
                <div class="code-name">#qcon-yongdianfenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-shouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#qcon-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-daochu"></use>
                </svg>
                <div class="name">导出</div>
                <div class="code-name">#qcon-daochu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-error"></use>
                </svg>
                <div class="name">失败-错误</div>
                <div class="code-name">#qcon-error</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-duishifenxi"></use>
                </svg>
                <div class="name">对视分析</div>
                <div class="code-name">#qcon-duishifenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-shizhongxiafa"></use>
                </svg>
                <div class="name">时钟下发</div>
                <div class="code-name">#qcon-shizhongxiafa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-search"></use>
                </svg>
                <div class="name">路径 15878</div>
                <div class="code-name">#qcon-search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-xinzeng"></use>
                </svg>
                <div class="name">新增</div>
                <div class="code-name">#qcon-xinzeng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-calendar"></use>
                </svg>
                <div class="name">组 5496</div>
                <div class="code-name">#qcon-calendar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-focus"></use>
                </svg>
                <div class="name">组 29922</div>
                <div class="code-name">#qcon-focus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-date"></use>
                </svg>
                <div class="name">路径 16430</div>
                <div class="code-name">#qcon-date</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-dianbiaoduishi"></use>
                </svg>
                <div class="name">电表对时</div>
                <div class="code-name">#qcon-dianbiaoduishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#qcon-zhongduanduishi1"></use>
                </svg>
                <div class="name">终端对时</div>
                <div class="code-name">#qcon-zhongduanduishi1</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
